@import "@/common/constants/StyleConst.scss";
.PendingJob-container {
  background-color: red;
  .jobs-wrap {
    height: calc(100% - 56px);
    margin: 0 8px 8px;
    padding: 8px;
    background-color: $color-bg-white;
    .rounded-btn {
      color: $color-text-white;
      text-transform: unset;
      pointer-events: unset;
    }

    .divider {
      border-color: #000;
    }

    .btn-group {
      width: 100%;
      height: 100%;
      display: flex;
      overflow-x: auto;
      justify-content: space-between;
      & > .v-btn {
        font-size: 12px;
        text-transform: unset;
        padding: 0 4px;
        margin: 0;
        pointer-events: unset;
      }
    }

    .jobsItem-container {
      height: calc(100% - 40px);
      margin: 8px 0 0;
      padding: unset;
      border-radius: unset;
      width: auto;
      top: 0;
      .panels {
        width: 100%;
        .v-list-item__content {
          max-width: 280px;
        }
        .v-list-item__action {
          flex: 1;
        }
        .v-avatar {
          .v-image {
            width: 32px !important;
            height: 32px !important;
          }
        }
      }
    }
  }
}